import {
  request
} from "../../request/index.js";
import regeneratorRuntime from '../../lib/runtime/runtime';
Page({
  data: {
    searchList: [],
    // 取消按钮是否隐藏
    isFocus:false,
    // 输入框的值
    inpValue:""
  },
  // 防抖定时器
  TimerId: -1,
  // 输入框的input事件
  handleInput(e) {
    // console.log(e);
    // 1.获取输入框的值
    const {
      value
    } = e.detail
    // 2.检测合法性
    if (!value.trim()) {
      this.setData({
        searchList:[],
        isFocus:false
      })
      // 不合法
      return
    }
    // 3.准备参数发送请求
    this.setData({
      isFocus: true
    })
    clearTimeout(this.TimerId)
    this.TimerId = setTimeout(() => {
      this.getSearchList(value)
    },1000)
  },
  // 取消按钮的点击事件
  handleCancel(){
    this.setData({
      isFocus:false,
      inpValue:"",
      searchList:[]
    })
  },
  // 获取搜索建议的 接口
  async getSearchList(query) {
    const res = await request({
      url: '/goods/qsearch',
      data: {
        query
      }
    })
    // console.log(res);
    this.setData({
      searchList: res
    })
  }
})